<template>
  <div >
    <head-top head-title="客流主要指标" go-back='true'></head-top>     
     <el-table    :data='passengerKpi.lp'  element-loading-text='给我一点时间' border fit highlight-current-row>
        <el-table-column  label='线别' prop="lineName" width="95" >
        </el-table-column>
        <el-table-column  label='客运量' prop="pass_trans" width="95">
        </el-table-column>
        <el-table-column  label='进站客流' prop="sta_sum" width="95">
        </el-table-column>
        <el-table-column  label='换入客流' prop="trans_in"  width="95">
        </el-table-column>
    </el-table> 
    <br/> 
    <br/>       
    <el-table  :data='passengerKpi.lp'   element-loading-text='给我一点时间' border fit highlight-current-row >
        <el-table-column  label='边门人数' prop="side_door" width="95">
        </el-table-column>
        <el-table-column  label='途径' prop="passflux" width="95">
        </el-table-column>
        <el-table-column  label='运营收入' prop="operating_income" width="95">
        </el-table-column>
        <el-table-column  label='小时最大段面客流' prop="section_pass_flow" width="95">
        </el-table-column>
    </el-table>
    <br/> 
    <br/> 
    <el-table  :data='passengerKpi.lp'  element-loading-text='给我一点时间' border fit highlight-current-row >
        <el-table-column  label='出现时间段' prop="appearHour" width="110">
        </el-table-column>
        <el-table-column  label='段面位置' prop="sectionArea" width="95">
        </el-table-column>
        <el-table-column  label='平均运距' prop="aver_load" width="90">
        </el-table-column>
         <el-table-column  label='单程票使用率' prop="singleUsePnt" width="95">
        </el-table-column>
    </el-table>
    <br/> 
    <br/>  
    <el-table  :data='passengerKpi.sp'  element-loading-text='给我一点时间'  :default-sort = "{prop: 'lineNameN', order: 'ascending'}"  border fit highlight-current-row >
      <el-table-column label="当天进站客流前三名车站">
        <el-table-column  label='线别' prop="lineNameN" sortable  width="90">
        </el-table-column>
        <el-table-column  label='排名' prop="i"  sortable width="100">
        </el-table-column>
        <el-table-column  label='站名' prop="stationName" sortable  width="100">
        </el-table-column>       
        <el-table-column  label='进站客流' prop="flow" sortable   width="90">
        </el-table-column>      
       </el-table-column>
    </el-table> 
  </div>  
  
</template>
<script>
  import { Scroller } from 'vux'
  import headTop from "src/components/head";
  import { XTable, LoadMore } from 'vux'
  import vue from "vue";
  export default{
    components:{
      headTop, XTable,LoadMore,Scroller
    },
    data() {
      return {
      detail:null,
      passengerKpi:[] 
    };
    },
    created(){
      this.detail=this.$store.state.detail;     
      this.passengerKpi=this.detail.passengerKpi;
      console.log("this.passengerKpi", this.passengerKpi);
    },
    methods: {
    
   //  dealKpi(type)
//{
 // console.log("dealKpi",type);
 // if(type=="ky")
 // {
  //  var test=this.passengerKpi.filter(kpi=>kpi.lineName!==null);
  //  console.log("test",test);
   // return this.passengerKpi.filter(kpi=>kpi.lineName!==null);
 // }
//}
  }
};
</script>
<style>

.class_table{
     background-color:#fff;
     align-self: center;
     align-content: center;
     overflow:scroll;
}
.class_table_tr{
     background-color:rgb(17, 133, 179);
     align-self: center;
     align-content: center;
}
</style>
